<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>
    /** 变量的数据类型,以及各个类型的操作 **/

    // 数字
    var x = 1;
    var y = 2;
    var sum = x + y; // 赋值 等号右边赋值给左边
    document.write(sum);
    // 字符串
    var str1 = "this is a boy";
    var str2 = ",name is xiaoming";
    document.write(str1 + str2);
    document.write(str1.length);
    // boolean 布尔类型
    var boo1 = true;
    var boo2 = false;
    document.write(boo1 || boo2); // 或
    document.write(boo1 && boo2); // 且
    document.write(!boo1); // 非
    // 数组
    var arr3 = [];
    var arr2 = ["xiaoming", "xx", "yy"];
    var arr3 = ["xiaoming", 1, "yy"];
    console.log(arr2); //console.log()给开发者使用的,全换成console.log
    console.log(arr3);
    // 赋值1
    arr3.push("kakaku1"); //自带的函数
    arr3.push("kakaku2")
    // 赋值2
    arr3[3] = "kaka";
    console.log(arr3);
    // 取值
    var node1 = arr3[1];
    console.log(node1);
    // 获取长度
    var len2 = arr3.length; // length属性
    console.log(len2);
    // 拼接
    var arrAll = arr3.concat(arr2) //拼接函数
    console.log(arrAll);
    // 移除末尾(push是末尾添加一个节点)
    var arrAll = arr3.pop(); //移除函数
    console.log(arrAll);
    console.log(arr3);

    //对象(重要概念,对象可以包含属性(变量)和函数)
    var person2 = "tom"; //单一值
    // 对象可以存放多个值存放在person2变量中
    var person = {
        name: "xiaolin",
        age: 12,
        id: "2108811",
        //nickName: ["xl","dapangzi","ll"]
    };
    // 取值
    var name = person.name;
    console.log(person);
    var myAge = person["age"];
    console.log(name);
    console.log(myAge);
    // 赋值
    person.weight = 80;
    person["color"] = "red";
    console.log(person);
    // 没有尺寸属性
    console.log(person.length);

    // 函数可讲可不讲
    function beSum(p1, p2) {
        return p1 + p2;
    }
    var mySum = beSum(1,2);
    console.log(mySum)
    /* 
    function name(参数 1, 参数 2, 参数 3) {
        要执行的代码
    }
    */
    
</script>

</html>